<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量特点</title>
    <script>
        function f1(){
            var id = 1;
            console.log(typeof id);
            id = "admin";
            console.log(typeof id);
            id = true;
            console.log(typeof id);
        }
        function f2(){
            // 在ES6之前,js没有作用域的概念
            for(var i = 0; i < 10; i++){
                // console.log(i);
            }
            console.log(i);
        }
        function f3(){
            // 在ES6之后,js引入了一个新的声明方式let用来代替var
            // let存在作用域的概念
            for(let i = 0; i < 10; i++){

            }
            console.log(i);
        }
    </script>
</head>
<body>
<button onclick="f1()">弱类型变量</button><br>
<button onclick="f2()">ES6之前作用域</button>
<button onclick="f3()">ES6之后作用域</button>
</body>
</html>